<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link href="../css/index.css" type="text/css" rel="stylesheet">
</head>
<body>
<!--all_div-->
<div id="wrapper">
    <!--定义页眉-->
<header>
    <div id="slogan">
        <h1>San Francisco</h1>
    </div>
    <div id="nav">
        <ul>
            <li>Home</li>
            <li>Cable Cars</li>
            <li>Chinatown</li>
            <li>Fisherman Wharf</li>
            <li>Contact US</li>
        </ul>
    </div>
</header>
<!--main-->
<div class="clearfix" style="position: relative">
    <!--left_main-->
    <div class="sidebar sidebar_left">
        <!--login-->
        <div>
            <!--<h3>Login</h3>-->
            <form action="" method="post">
                <input type="text" placeholder="User Name">
                <input type="password" placeholder="Password">
                <input type="submit" value="login">
            </form>
        </div>
    </div>
    <!--center_main-->
    <div id="main">
        <h2>Your Tour Guide</h2>
        <h3>The City by Bay</h3>
        <!--图片-->
        <div class="clearfix" id="gallary">
            <img src="../images/chinatown.jpg">
            <img src="../images/cablecar-closeup.jpg">
            <img src="../images/market-street-car.jpg">
        </div>

        <div id="intro">
            <p>San Francisco is located on the West Coast of the United States at the tip of the San Francisco Peninsula
                and includes significant stretches of the Pacific Ocean and San Francisco Bay within its boundaries.
                Today, San Francisco is one of the top tourist destinations in the world, ranking 33rd out of the 100
                most visited cities worldwide, and is renowned for its chilly summer fog, steep rolling hills, eclectic
                mix of architecture, and its famous landmarks, including the Golden Gate Bridge, cable cars, and
                Chinatown. The city is also a principal banking and finance center, and the home to more than 30
                international financial institutions, helping to make San Francisco rank eighteenth in the world's top
                producing cities, ninth in the United States, and thirteenth place in the top twenty global financial
                centers.</p>
            <table id="table">
                <thead>
                <tr>
                    <th>Demographic profile</th>
                    <th>2010</th>
                    <th>2000</th>
                    <th>1990</th>
                    <th>1970</th>
                    <th>1940</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><a href="#">White</a></td>
                    <td>48.5%</td>
                    <td>49.7%</td>
                    <td>53.6%</td>
                    <td>71.4%</td>
                    <td>95.0%</td>
                </tr>
                <tr>
                    <td><a href="#"> Non-Hispanic White</a></td>
                    <td>41.9%</td>
                    <td>43.6%</td>
                    <td>46.6%</td>
                    <td>60.4%<sup><a href="#">[117]</a> </sup></td>
                    <td>92.5%</td>
                </tr>
                <tr>
                    <td><a href="#">Asian</a></td>
                    <td>33.3%</td>
                    <td>30.8%</td>
                    <td>29.1%</td>
                    <td>13.3%</td>
                    <td>4.2%</td>
                </tr>
                <tr>
                    <td><a href="#">Black</a>or African American</td>
                    <td>6.1%</td>
                    <td>7.8%</td>
                    <td>10.9%</td>
                    <td>13.4%</td>
                    <td>0.8%</td>
                </tr>

                <tr>
                    <td>American Indian and Alaska Native</td>
                    <td>0.5%</td>
                    <td>0.4%</td>
                    <td>0.5%</td>
                    <td>0.4%</td>
                    <td>–</td>
                </tr>
                <tr>
                    <td>Native Hawaiian and Other Pacific Islander</td>
                    <td>0.4%</td>
                    <td>0.5%</td>
                    <td>0.5%</td>
                    <td>–</td>
                    <td>–</td>
                </tr>

                <tr>
                    <td>Some other race</td>
                    <td>6.6%</td>
                    <td>6.5%</td>
                    <td>5.9%</td>
                    <td>1.5%</td>
                    <td>-</td>
                </tr>

                <tr>
                    <td>Two or more races</td>
                    <td>4.7%</td>
                    <td>4.0%</td>
                    <td>-</td>
                    <td>-</td>
                    <td>-</td>
                </tr>
                <tr>
                    <td><a href="#">Hispanic</a>or Latino (of any race)</td>
                    <td>15.1%</td>
                    <td>14.1%</td>
                    <td>13.9%</td>
                    <td>11.6%<sup><a href="#">[117]</a> </sup></td>
                    <td>2.5%</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--right_main-->
    <div class="sidebar_right sidebar">
        <div>"It's an odd thing, but anyone who disappears is said to be seen in San Francisco. It must be a
            delightful city and possess all the attractions of the next world" - Oscar Wilde
        </div>
    </div>
</div>
    <!--rear-->
    <div id="footer">
        &copy; San Francisco Tour
    </div>
</div>

</body>
</html>